body {
 margin : 0px;
 color: #003a00;
 font-family : verdana;
 font-weight : normal; 
}

.outside-box {
 width : 100%;
 display : block;
 padding : 3px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #51c855;
}


.inside-box {
 padding : 3px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #51c855;
}

.nav-title {
 width : 150px;
 text-align : left;
 padding : 3px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #51c855;
 color: #FFF;
 background : #6100a6;
}

.nav-link {
 width : 150px;
 text-align : left;
 padding : 3px;
 display : block;
 border-style : solid;
 border-width : 1px;
 border-color : #51c855;
 border-top : none;
}

a.nav-link:link, a.nav-link:visited {
 background-color : #FFFFFF;
 color : #6100a6; 
}

a.nav-link:hover, a.nav-link:active {
 background-color : #6100a6;
 color : #FFFFFF; 
}

a:link {
 color : #6100a6;
 text-decoration : none;
}

a:visited {
 color : #6100a6;
 text-decoration : none;
}

a:active {
 color : #0000FF;
 text-decoration : none;
}

a:hover {
 color : #005700;
 text-decoration : none;
}

h1
{
	color:#6100a6;
	font-size:largest;
	text-align:center;
}

.frontpage
{
  padding: 0px;
  margin: 5px;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active
{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	color: InfoText;
	background-color: InfoBackground;
	padding: .1em .3em .1em 2em;
	border-bottom: 1px inset;
	text-decoration: none;
	cursor: default;
}

#infobar a:hover {
	color: HighlightText;
	background-color: Highlight;
}

#errorbar a, #errorbar a:link, #errorbar a:visited, #errorbar a:active
{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	color: White;
	background-color: DarkRed;
	padding: .1em .3em .1em 2em;
	border-bottom: 1px inset;
	text-decoration: none;
	cursor: default;
}

#errorbar a:hover {
	color: HighlightText;
	background-color: Highlight;
}

ul.bb-list-unordered { }
ol.bb-list-ordered { }
ol.bb-list-ordered-d { list-style-type:decimal; }
ol.bb-list-ordered-lr { list-style-type:lower-roman; }
ol.bb-list-ordered-ur { list-style-type:upper-roman; }
ol.bb-list-ordered-la { list-style-type:lower-alpha; }
ol.bb-list-ordered-ua { list-style-type:upper-alpha; }
ol.bb-listitem { }

.bb-code,
.bb-php {
  border: 1px solid black;
  padding: 10px;
  font-family: Courier;
  white-space: nowrap;
}

.bb-quote {
  border: 1px solid black;
  padding: 10px;
}

.bb-email { }
.bb-url { }

.bb-image {
  border-width: 0;
  border-style: none;
}

.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-weight      : bold;
  background-color : #6100a6;
  color            : #fff;
  padding		   : 3px;
  border           : 1px solid #51c855;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  color            : #4444FF;
  background-color : #FFFFFF;
  border           : 1px solid #51c855;
}

fieldset
{
	border: 1px solid #00038a;
	width: 90%;
	margin:30px;
	padding:4px;
}

legend
{
	color: #fff;
	background: #6100a6;
	border: 1px solid #00038a;
	padding: 2px 6px;
	font-size:large;
	font-weight:bold;
}

table.table {
	background-color: #51c855;
}

.row
{
	background-color: #FFFFFF;
}

th.normalhead {
 color:#FFF;
 text-align:center;
 font-size:large;
 background-color:#6100a6;	
}

th.smallhead {
 color:#000;
 text-align:center;
 background-color:#ecebff;	
}

.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	text-align:center;
	border-bottom: 1px solid #51c855;
}

.mootabs_title li {
	float: left;
	background-color: #9843dd;
	color: #fff;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	cursor: pointer;
	height: 20px;
	border: 1px solid #51c855;
	text-align:center;
}

.mootabs_title li.active {
	background: white;
	color: #000;
}

.mootabs_title li.mouseOver {
  background-color : #6100a6;
  color            : #fff;
}

.mootabs_panel {
	display: none;
	background-color: #fff;
	position: relative;
	width: 100%;
	top: -1px;
	clear: both;
	overflow: auto;
}

.mootabs_panel.active {
	background-color: #fff;
	display: block;
	padding-top:1px;
	border:1px solid #51c855;
	border-top:0px;
}

.left_title {
	width:140px;
	float:left;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

.left_title li {
	background-color: #9843dd;
	color: #fff;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	height: 20px;
	border: 1px solid #51c855;
	text-align:center;
	vertical-align:middle;
	display: block;
}

.left_title a {
	color: #fff;
	cursor: pointer;
	height: 20px;
	width:124px;
	display:block;
	text-align:center;
	vertical-align:middle;
}

.left_title li:hover {
  background-color : #6100a6;
  color            : #fff;
}

.left_title li.active {
	background: white;
	color: #000;
}

.left_title li.active a {
	color: #000;
	cursor: pointer;
	height: 20px;
	text-align:center;
}

.left_title li.mouseOver {
  background-color : #6100a6;
  color            : #fff;
}

.top_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	margin-right: 15px;
	padding: 0px;
	height: 24px;
	text-align:center;
}

.top_title li {
	float:left;
	background-color: #9843dd;
	color: #fff;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	height: 20px;
	border: 1px solid #51c855;
	text-align:center;
	vertical-align:middle;
	display: block;
}

.top_title a {
	color: #fff;
	cursor: pointer;
	height: 20px;
	display:block;
	text-align:center;
	vertical-align:middle;
}

.top_title li:hover {
  background-color : #6100a6;
  color            : #fff;
}

.top_title li.active {
	background: white;
	color: #000;
}

.top_title li.active a {
	color: #000;
	cursor: pointer;
	height: 20px;
	text-align:center;
}

.top_title li.mouseOver {
  background-color : #6100a6;
  color            : #fff;
}

.required
{
		color:#f00;
		font-weight: bold;
}

.error {
	font-family: Tahoma;
	font-size: 8pt;
	color: red;
	display:none;
}

.article
{
}

.articletitle
{
	margin:1px;
}

.articleinfo
{
	clear:both;
	text-align:right;
	color:#888;
	font-size:small;
}

.articlebottom
{
	clear:both;
	border-top: 1px solid black;
}
.articlepicture
{
	float:left;
	margin:10px;
	margin-top:5px;
}

.articledetail
{
	padding:2px;
	clear:both;
}

.articlephotos
{
	padding:2px;
	margin-left:20px;
	width:100%;
	text-align:center;
}

.articlecomments
{
	padding:2px;
	margin-right:20px;
	width:100%;
}

.comments
{
	margin:5px;
	padding: 2px;
	border-bottom: 1px solid black;
	width:100%;
}

.commentname
{
	text-align:left;
	color:#888;
	font-size:small;
}

.articlecomments h3
{
	margin:1px;
}

.articlephotos h3
{
	margin:1px;
}

.checklist {
    border: 1px solid #ccc;
    list-style: none;
    height: 20em;
    overflow: auto;
    width: 16em;
}

.checklist, .checklist li { margin: 0; padding: 0; }

.checklist label {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}

.checklist label:hover { background: #335368; color: #feffff; }

* html .checklist label { height: 1%; }

.post
{
	padding:5px;
}

.signature
{
	padding:5px;
	margin-top:10px;
	border-top:1px solid #000;
}

.field .inputboxwrapper
{
  display: block;
  width: 50%;
  float: left;
  margin-bottom: 20px;
  text-align:left;
}

.field .inputbox {
	width: 90%;
}

.field .label {
	display: block;
	width:270px;
	float: left;
	margin-bottom: 20px;
	text-align: right;
	padding-right: 10px;
	font-weight:bold;
}


.field br {
	clear: left;
}

.submitWrapper {
	text-align:center;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: #335368;
margin: 3px 8px;
text-decoration:none;
}

.tool-tip {
	color: #feffff;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	margin: 0;
	color: #C4D4DF;
	padding: 8px 8px 4px;
	background: #335368;
}
 
.tool-text {
	padding: 4px 8px 8px;
	background: #335368;
}

.searchButton {
  width: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.selectImage{
	border-color:#00ff00;
	background-color:black;
}

.calendar_today {color:#ffffff; background-color:#00038a;border:1px solid #00038a;border-bottom:0px;}
.calendar_day {border:1px solid #00038a;border-bottom:0px;background-color: #FFFFFF;}
.calendar_spacer {border:1px solid #00038a;border-top:0px;background-color: #FFFFFF;}
.calendar_item {border:1px solid #00038a;border-top:0px;border-bottom:0px;background-color: #FFFFFF;padding:0px;}
.calendar_item_div {padding:1px;}
.calendar_year_view_head {border:1px solid #00038a; color:#000000; text-align:center; font-size:large; background-color:#ecebff;padding:4px;}
.calendar_year_view_row {border:1px solid #00038a;background-color: #FFFFFF;text-align:center;padding:4px;}
.calendar_year_view_row2 {border:1px solid #00038a;background-color: #FFFFFF;text-align:left;padding:0px;}
.calendar_year_view_row_today {color:#ffffff; background-color:#00038a; text-align:center; font-style:italic; font-weight:bolder;}
.calendar_head { text-align:center; background-color:#ecebff;color:#000000;border:1px solid #00038a;}
.calendar_bighead { text-align:center; font-size:large; background-color:#6100a6;color:#fff;border:1px solid #00038a;} 

.photoblocks {
	float:left;
	text-align:center;
	vertical-align:middle;
	width:140px;
	height:140px;
	margin: 5px;
	padding:5px;
	border: 3px double #777;
	display:block;
}

.photoblocks a
{
	border: 0px;
}
